(function (fruit, ui, _) {
    ui.define('fruit.ui.RadioGroup', {
        view:{
            props:{
                'class':'f-radiogroup',
                items:'{#items}',
                template:{
                    type:'fruit.ui.Radio',
                    props:{
                        checked:'{checked}',
                        label:'{label}'
                    },
                    events:{
                        'itemClick':'{#_onItemClick}'
                    }
                }
            }
        },
        properties:{
            items:{
                value:null,
                observable:true
            }
        },
        methods:{
            _onItemClick:function (sender) {
                var items = this.children();
                _.each(items, function (item) {
                    item.$().checked(false);
                });
                sender.checked(true);
            }
        }
    });
}(fruit, fruit.ui, fruit.util));